<template>
    <div class="exit_container">
        <div class="iconStyle" @click="goUser">
            <i class="iconfont icon-yonghu"></i>
            <el-button type="text">个人中心</el-button>
        </div>
        <el-divider direction="vertical"></el-divider>
        <div class="iconStyle">
            <el-button type="text">安全退出</el-button>
            <i class="iconfont icon-tuichu"></i>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        out() {
            this.$confirm('确认关闭？')
                .then(_ => {
                    done();
                })
                .catch(_ => { });
        },
        goUser(){
            this.$router.push('/user')
        }
    }
}
</script>
<style scoped>
.exit_container {
    display: flex;
    align-items: center;
}

.exit_container .iconStyle {
    margin: 0 .1875rem;
    cursor: pointer;
}

.iconStyle .el-button {
    color: black;
}
</style>